<div class="sub-page-wrapper" style='padding-bottom: 80px'>
    <div nz-row [nzGutter]='12'>
        <div nz-col [nzSpan]="12">
            <nz-spin [nzSpinning]="loading">
                <nz-card nzTitle='CPU'>
                    <nz-table [nzShowPagination]='false' [nzData]='["1"]'>
                        <thead>
                        <tr>
                            <th>属性</th>
                            <th>值</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>核心数</td>
                            <td>{{cpu.cpuNum}}</td>
                        </tr>
                        <tr>
                            <td>用户使用率</td>
                            <td>{{cpu.free}}%</td>
                        </tr>
                        <tr>
                            <td>系统使用率</td>
                            <td>{{cpu.sys}}%</td>
                        </tr>
                        <tr>
                            <td>当前空闲率</td>
                            <td>{{cpu.free}}%</td>
                        </tr>
                        </tbody>
                    </nz-table>
                </nz-card>
            </nz-spin>
        </div>
        <div nz-col [nzSpan]="12">
            <nz-spin [nzSpinning]="loading">
                <nz-card nzTitle='内存'>
                    <nz-table [nzShowPagination]='false' [nzData]='["1"]' >
                        <thead>
                        <tr>
                            <th>属性</th>
                            <th>内存</th>
                            <th>JVM</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>总内存</td>
                            <td>{{mem.total}}G</td>
                            <td>{{jvm.max}}M</td>
                        </tr>
                        <tr>
                            <td>已用内存</td>
                            <td>{{mem.used}}G</td>
                            <td>{{jvm.used}}M</td>
                        </tr>
                        <tr>
                            <td>剩余内存</td>
                            <td>{{mem.free}}G</td>
                            <td>{{jvm.free}}M</td>
                        </tr>
                        <tr>
                            <td>使用率</td>
                            <td>{{mem.usage}}%</td>
                            <td>{{jvm.usage}}%</td>
                        </tr>
                        </tbody>
                    </nz-table>
                </nz-card>
            </nz-spin>
        </div>
    </div>
    <nz-divider></nz-divider>
    <div nz-row [nzGutter]='12'>
        <div nz-col [nzSpan]="24">
        <nz-spin [nzSpinning]="loading">
            <nz-card nzTitle='服务器信息'>
                <nz-descriptions [nzColumn]='24' [nzBordered]='true'>
                    <nz-descriptions-item nzTitle="服务器名称" [nzSpan]='12'>
                        {{sys.computerName}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="操作系统" [nzSpan]='12'>
                        {{sys.osName}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="服务器IP" [nzSpan]='12'>
                        {{sys.computerIp}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="系统架构" [nzSpan]='12'>
                        {{sys.osArch}}
                    </nz-descriptions-item>
                </nz-descriptions>
            </nz-card>
        </nz-spin>
    </div>
    </div>
    <nz-divider></nz-divider>
    <div nz-row [nzGutter]='12'>
        <div nz-col [nzSpan]="24">
            <nz-spin [nzSpinning]="loading">
                <nz-card nzTitle='Java虚拟机信息'>
                   <nz-descriptions [nzColumn]='24' [nzBordered]='true'>
                       <nz-descriptions-item nzTitle="Java名称" [nzSpan]='12'>
                           {{jvm.name}}
                       </nz-descriptions-item>
                       <nz-descriptions-item nzTitle="Java版本" [nzSpan]='12'>
                           {{jvm.version}}
                       </nz-descriptions-item>
                       <nz-descriptions-item nzTitle="启动时间" [nzSpan]='12'>
                           {{jvm.startTime}}
                       </nz-descriptions-item>
                       <nz-descriptions-item nzTitle="运行时长" [nzSpan]='12'>
                           {{jvm.runTime}}
                       </nz-descriptions-item>
                       <nz-descriptions-item nzTitle="安装路径" [nzSpan]='24'>
                           {{jvm.home}}
                       </nz-descriptions-item>
                       <nz-descriptions-item nzTitle="项目路径" [nzSpan]='24'>
                           {{sys.userDir}}
                       </nz-descriptions-item>
                       <nz-descriptions-item nzTitle="运行参数" [nzSpan]='24'>
                           {{jvm.inputArgs}}
                       </nz-descriptions-item>
                   </nz-descriptions>
                </nz-card>
            </nz-spin>
        </div>
    </div>
    <nz-divider></nz-divider>
    <div nz-row [nzGutter]='12'>
        <div nz-col [nzSpan]="24">
            <nz-spin [nzSpinning]="loading">
                <nz-card nzTitle='磁盘状态'>
                    <nz-table [nzShowPagination]='false' [nzData]='sysFiles'>
                        <thead>
                        <tr>
                            <th>盘符路径</th>
                            <th>文件系统</th>
                            <th>盘符类型</th>
                            <th>总大小</th>
                            <th>可用大小</th>
                            <th>已用大小</th>
                            <th>已用百分比</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr *ngFor="let sysFile of sysFiles">
                            <td>{{sysFile.dirName}}</td>
                            <td>{{sysFile.sysTypeName}}</td>
                            <td>{{sysFile.typeName}}</td>
                            <td>{{sysFile.total}}</td>
                            <td>{{sysFile.free}}</td>
                            <td>{{sysFile.used}}</td>
                            <td>{{sysFile.usage}}%</td>
                        </tr>
                        </tbody>
                    </nz-table>
                </nz-card>
            </nz-spin>
        </div>
    </div>
</div>

